<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="WICE" content="Web-based Interactive Computing Envrionment" />
	<meta name="keywords" content="your,keywords,goes,here" />
	<meta name="Ryan Gee, Aishwarya Iyer, David Beaver" content="Ryan Gee, Aishwarya Iyer, David Beaver" />
	<link rel="stylesheet" type="text/css" href="variant-multi.css" title="Variant Multi" media="all" />
	<link rel='stylesheet' media='screen and (min-width: 600px) and (max-width: 700px)' href='variant-multi.css' />
	<title>WICE</title>
	<script type="text/javascript" src="menu.js"></script>
	<script type="text/javascript" src="fileinfo.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.js"></script>
</head>

<body>
<div id="containerfull">
	<div id="header">
		<h1>
			<a href="/">WICE</a>
			<div class="topright" id="login">
				<fieldset>
					<label for="username"><input placeholder="Username" type="text" id="username"/></label>
					<label for="password"><input placeholder="Password" type="password"/></label>
					<button type="submit" name="login"> Login </button>
				</fieldset>
			</div>
		</h1>
		<h2>Web-based Interactive Computational Environment</h2>
	</div>
	<div id="menu"> 
		<ul>
			<li class="rounded"><a class="current" onclick="showFeature(1)">HOME</a></li>
			<li><a onclick="showFeature(2)">MY WORKSTATION</a></li>
			<li><a onclick="showFeature(3)">MSROLL</a></li>
			<li><a onclick="showFeature(4)">RCOAL</a></li>
			<li><a onclick="showFeature(5)">BEST</a></li>
		</ul>
	</div>
	<div id="main">
		<div class="left">			
			<h2>About WICE</h2>
			<p>The WICE project is an effort to join the greatest minds around the world into a web-based community centered on conducting Hydrodynamic research.  Until recently, X-ray crystallography has been scientists primary means of understanding proteins and their structures.  The study of Hydrodynamics takes this understanding further by studying proteins in their more natural aqueous environment which will return more accurate results.  To achieve such accuracy requires immense computational power.  Three performance intensive programs have been developed for Hydrodynamic research called, MRSOLL, COALESCE, and BEST.  Each program utilizes NVIDIAs CUDA technology to achieve super-computer performance and is directly available to researchers of the WICE community in the comfort of their own web-browser.</p>
		</div>
		<div class="right">
			<h2>Join the WICE Community</h2>
			<p><img src="button.png"></img></p>
			<h3>Your workspace will allow you to:</h3>
			<ul style="border-top:0px solid #ccc;list-style:circle;margin:5px 0 15px 0;padding-left:17px;">
					<li>Create folders and save your files</li>
					<li>View a history of computations and share your results with other researchers</li>
					<li>Run MSROLL, RCOAL, and BEST on blazing fast hardware!</li>
					<li>Click here to learn more about your workspace</li>
			</ul>
		</div>
		<div class="clear">&nbsp;</div>
	</div>
	<div id="footer">
		<div id="footersections">
			<div class="quarter">
				<h2>System Status</h2>
				<div id ="status"></div>
				<script type="text/javascript" src="status.js"></script>
			</div>
			<div class="half">
				<h2>Computations Running</h2>
				<ul>
					<li><a href="/">MSROLL-512</a></li>
					<li><a href="/">RCOAL-123</a></li>
					<li><a href="/">BEST-5</a></li>
				</ul>
			</div>
			<div class="lastquarter">
				<h2>Recent Computations</h2>
				<ul>
					<li><a href="/">MSROLL-345-12/13/2010 13:45</a></li>
					<li><a href="/">RCOAL-9-1/11/2011 11:11</a></li>
				</ul>	
			</div>     
			<div class="clear">&nbsp;</div> 
		</div>
	</div>
	<div id="togglefooter">
		<p>Show/Hide Footer</p>
	</div>
	<div id="credits">
		<p>&copy;2011 Ryan Gee, Aishwarya Iyer, David Beaver<br />
	</div>  
</div>
</body>
</html>